¡Cambia el tamaño de la ventana del navegador para ver el efecto!

Por defecto, el color de fondo del documento es "tan". Si el tamaño de la pantalla es de 992 píxeles o menos, cambiará a "azul". Si es de 600 píxeles o menos, cambiará a "oliva".

Menú de navegación responsivo

Redimensiona la ventana del navegador para ver el efecto: cuando la pantalla tenga menos de 600 píxeles, el menú de navegación se mostrará de forma vertical en lugar de horizontal.

Diseño Responsivo de Cuatro Columnas

Redimensiona la ventana del navegador para ver el efecto responsivo. En pantallas de 992 píxeles o menos, las columnas se ajustarán a dos. En pantallas de 600 píxeles o menos, las columnas se apilarán verticalmente.

Columna 1

Algo de texto...

Columna 2

Algo de texto...

Columna 3

Algo de texto...

Columna 4

Algo de texto...

Ocultar elementos en diferentes tamaños de pantalla

Este es un DIV de ejemplo.

Cuando el ancho del navegador sea de 600px o menos, este bloque será ocultado. Redimensiona la ventana para ver el efecto.

Cambiar el tamaño de fuente según el tamaño de la pantalla

Bloque de Ejemplo

Cuando el ancho del navegador sea de 600px o menos, el tamaño de fuente será de 30px. Si es mayor a 600px, el tamaño será de 80px. Redimensiona la ventana para ver el efecto.